import { Image } from 'antd-mobile'
import { DownFill } from 'antd-mobile-icons'
import styles from '../css/chat.module.css'

function MsgRight(props) {
  return (
    <div className={styles.right}>
      <div>
        <Image
          src="https://images.unsplash.com/photo-1493666438817-866a91353ca9?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=b616b2c5b373a80ffc9636ba24f7a4a9"
          width={44}
          height={44}
          fit="cover"
          style={{ borderRadius: 22 }}
        />
      </div>
      <div className={styles.msg}>
        <DownFill
          color="#95EC69"
          className={styles.arrow}
        />
        {/* content 内容 */}
        {/* <span>{props.content}</span> */}
        <span dangerouslySetInnerHTML={{ __html: props.content }}></span>
      </div>
    </div>
  )
}

export default MsgRight
